<template>
    <div id="app">
        <router-view />
    </div>
</template>

<script setup>
// 根组件
</script>

<style>
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    height: 100%;
    width: 100%;
    font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
    overflow: hidden;
}

#app {
    height: 100vh;
    width: 100vw;
}

/* 全局滚动条样式 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* 确保Element Plus组件不会超出容器 */
.el-container {
    height: 100%;
}

.el-aside {
    height: 100vh;
}

.el-main {
    height: calc(100vh - 60px);
}
</style>
